import React,{ Component } from 'react';
import {withRouter} from "react-router"
// import { createBrowserHistory } from 'history';
const homeImg = require('../img/to_home.png');

// const history = createBrowserHistory();

class HeaderNav extends Component {
  render(){
    return (
      <div className="header_nav">
        <div className="go-back iconfont icon-toubu_fanhuijiantou" 
        onClick={()=>this.props.history.goBack()} />
        <div className="name">{this.props.name}</div>
        <div className="to-home">
          <img src={homeImg} onClick={()=>window.location.href = '/'}/>
        </div>
      </div>
    )
  }
}
// withRouter的作用就是, 如果我们某个东西不是一个Router, 但是我们要依靠它去跳转一个页面,
//  比如点击页面的logo, 返回首页, 这时候就可以使用withRouter来做.
export default withRouter(HeaderNav);